<template>
  <!-- <el-form
    ref="form"
    :model="form"
    :rules="rules"
    label-width="160px"
    class="pms-details"
    size="mini"
    :disabled="false"
    :inline="true"
  >
    <div v-if="button.titleShow">
      <div>
        <p class="ed">
          请先核实订单信息是否已更新为调整后的内容。若订单信息不正确，刷新页面（关闭后再次打开页面）后系统会重新获取商合订单信息详情。若多次操作后订单信息仍不正确请咨询商合交易系统进行核实（提供项目编码与订单号）。</p>
      </div>
      <el-row :gutter="24">
        <el-col :span="6">
          <el-form-item label="是否建议结算审计必审：" prop="region">
            <el-select v-model="form.region" placeholder="">
              <el-option v-for="item in booleanList" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <div style="margin-top:10px">
        <el-form-item>
          <el-checkbox v-model="form.radio" label=" 我承诺：已审核确认该项目工程价款结算金额与商务平台订单金额一致，在线工程竣工档案资料完整齐全。区域勾选后，提交按钮才能操作。" />
        </el-form-item>
      </div>
    </div>
    <div class="centerBox">
      <el-button
        v-if="button.send"
        class="pms-button-primary"
        :disabled="disabled.send"
        @click="handleSend(1)"
      >提交</el-button>
      <el-button
        v-if="button.confirm"
        class="pms-button-primary"
        :disabled="disabled.confirm"
        @click="handleSend(0)"
      >确认</el-button>
      <el-button class="pms-button-primary" @click="handleClose">关闭</el-button>
    </div>
    <ProductBunding ref="productBunding" />
  </el-form> -->
</template>
<script>
import { booleanList } from '@/utils/dictionaries'
// import * as Axios from '@/api/settlement'
import ProductBunding from '@/views/settlement/settlementToExamine/pos/dialog/productBunding'
import { parseParams, clonePage } from '@/utils'

export default {
  name: 'Commitment',
  components: { ProductBunding },
  props: {
    parentForm: {
      type: Object,
      default: () => { return {} }
    }
  },
  data() {
    return {
      urlParams: {},
      booleanList,
      disabled: {
        send: false,
        confirm: false
      },
      button: {
        send: true,
        confirm: true,
        titleShow: true
      },
      parentData: {},
      form: {
        region: null,
        radio: false
      },
      rules: {
        region: [
          { required: true, message: '请填写签报批复金额', trigger: 'change' }
        ]
      }
    }
  }
  // created() {
  //   this.urlParams = {
  //     ...this.urlParams,
  //     ...parseParams(window.location.hash)
  //   }
  //   this.handleForm()
  // },
  // methods: {
  //   async handleForm(parentData) {
  //     this.handleReset()
  //     const prjId = this.urlParams.prjId
  //     const obj = { prjId }
  //     const { data } = await Axios.getPushAudit(obj)
  //     console.log(data, '====>?')
  //     this.parentData = parentData
  //     // var ifGotoShManager = nui.getbyName("ifGotoShManager").getValue();	//是否
  //     // prjId=30007843&prjCode=23A01SDJA091000206&isPush=3&returnType=null&ifGotoShManager=0&ifPush=1
  //     const ifGotoShManager = this.urlParams.ifGotoShManager // 珺南提供 url跳转携带
  //     const ifPush = this.urlParams.ifPush // 珺南提供 url 跳转携带
  //     const user = await Axios.getUserInfo()
  //     console.log('-----', user.data.user.staffId)
  //     const empId = user.data.user.staffId // 角色接口获取
  //     console.log('-------------------================----------------------')
  //     if (!ifGotoShManager) {	// 流程进入
  //       if (+data.isPush === 0 || +data.isPush === 1) {	// 未送审
  //         this.button = {
  //           send: true,
  //           titleShow: true,
  //           confirm: false
  //         }
  //       } else {
  //         this.button = {
  //           send: false,
  //           titleShow: true,
  //           confirm: true
  //         }
  //       }
  //     } else {
  //       if (+data.isPush === 0 && ifPush === '4') {
  //         this.button = {
  //           send: true,
  //           titleShow: true,
  //           confirm: false
  //         }
  //       } else if (+data.isPush === 1 && data.pushPerson === empId) {	// 退审重新确认 且 校验项目管理岗 且 项目管理岗等于当前登录人
  //         this.button = {
  //           send: true,
  //           titleShow: true,
  //           confirm: false
  //         }
  //       } else {
  //         this.button = {
  //           send: false,
  //           titleShow: false,
  //           confirm: false
  //         }
  //       }
  //     }
  //   },
  //   handleSend(type) {
  //     const prjId = this.urlParams.prjId
  //     this.$refs['form'].validate(async(valid) => {
  //       if (valid) {
  //         const loading = this.$loading({
  //           lock: true,
  //           text: '正在校验物资是否均已绑定建设子专业.....',
  //           spinner: 'el-icon-loading'
  //         })
  //         const obj1 = {
  //           prjId,
  //           checkType: 1
  //         }
  //         const res = await Axios.checkBundingDetail(obj1)
  //         loading.close()
  //         if (res.code === '200') {
  //           this.pushAuditMethod(type)
  //         } else {
  //           const obj2 = {
  //             prjId,
  //             pageType: 'edit'
  //           }
  //           this.$confirm(res.message, '系统提示', {
  //             confirmButtonText: '确定',
  //             showCancelButton: false,
  //               cancelButtonClass: 'pms-zr-button',
  //               confirmButtonClass: 'pms-zr-button-primary',
  //             type: 'warning'
  //           }).then(async(res) => {
  //             this.$refs['productBunding'].productBundingOpen(obj2)
  //           }).catch(() => {
  //             this.$refs['productBunding'].productBundingOpen(obj2)
  //           })
  //         }
  //         console.log(res, '===>res')
  //       }
  //     })
  //   },
  //   pushAuditMethod(type) {
  //     let isPush = type
  //     if (isPush === 1) {
  //       this.disabled.send = true
  //     } else {
  //       this.disabled.confirm = true
  //       isPush = 2
  //     }
  //     console.log(this.form.radio, '===>')
  //     if (this.form.radio) {
  //       const str = `请再次确认订单结算金额与项目资料是否正确、完整，提交后审计系统将以此进行结算审计！</br>
  //         若订单信息不正确，刷新页面（关闭后再次打开页面）后系统会重新获取商合订单信息详情。</br>
  //         若多次操作后订单信息仍不正确请咨询商合交易系统进行核实（提供项目编码与订单号）。`
  //       this.$msgbox({
  //         title: '消息',
  //         message: str,
  //         dangerouslyUseHTMLString: true,
  //         showCancelButton: true,
  //         center: true,
  //         customClass: 'msgbox',
  //         type: 'warning',
  //         confirmButtonText: '确定',
  //         cancelButtonText: '取消'
  //       }).then(async(action) => {
  //         const loading = this.$loading({
  //           lock: true,
  //           text: '正在推送...',
  //           spinner: 'el-icon-loading'
  //         })
  //         const obj = {
  //           prjId: this.urlParams.prjId,
  //           buildModes: null,
  //           ifPush: type,
  //           isAudit: '0'
  //         }
  //       try {
  //         const res = await Axios.adjustSendPrjInfoToAuditClient(obj)
  //         if (+res.code === 200) {
  //           // this.$message.success(res.message)
  //           // setTimeout(() => {
  //             this.handleClose()
  //           // }, 3000)
  //         }
  //       } finally {
  //         loading.close()
  //         this.disabled.send = false
  //         this.disabled.confirm = false
  //       }
  //       }).catch(() => {
  //         if (+isPush === 1) {
  //           this.disabled.send = false
  //         } else {
  //           this.disabled.confirm = false
  //         }
  //       })
  //     } else {
  //       this.$message.warning('必须勾选【我承诺：】才可以提交')
  //       if (+isPush === 1) {
  //         this.disabled.send = false
  //       } else {
  //         this.disabled.confirm = false
  //       }
  //     }
  //   },
  //   handleClose() {
  //     window.parent.postMessage({ type: 'cloneIfRame' }, '*')
  //     clonePage()
  //   },
  //   handleReset() {
  //     this.disabled = {
  //       send: false,
  //       confirm: false
  //     }
  //     this.button = {
  //       send: true,
  //       confirm: true,
  //       titleShow: true
  //     }
  //     this.parentData = {}
  //     this.form = {
  //       region: null,
  //       radio: false
  //     }
  //   }
  // }
}
</script>
<style scoped>
.pms-Size .el-radio__label {
  font-size: 12px
}
.centerBox{
  border: 1px solid #ebeef5;
  padding: 20px 0;
  margin: 0 0 15px;
  .el-button {
    min-width: 100px;
    height: 24px;
    line-height: 0;
    margin-left: 24px;
  }
}
</style>

